<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="/resources/asl/yijing/lib/weui.min.css">
    <link rel="stylesheet" href="/resources/asl/yijing/lib/jquery-weui.min.css">

    <style>
        body iframe, body > iframe {
            opacity: 0;
            display: none;
        }

        .parm-list .title {
            padding: 5px 15px;
            font-size: 14px;
            color: #666666;
        }

        .parm {
            width: 100%;
            padding: 10px !important;
        }

        .parm tr td {
            width: 50%;
            border-bottom: 1px #e7e7e7 solid;
            text-align: center;
            padding: 10px;
            font-size: 12px;
            color: #666666;
        }

        .int {
            padding: 10px;
        }

        .int * {
            width: 100%
        }

    </style>
    <title>${product.name}</title>
</head>
<body>
<div class="weui_tab">
    <div class="weui_navbar">
        <a href="#tab1" class="weui_navbar_item weui_bar_item_on">
            详情
        </a>
        <a href="#tab2" class="weui_navbar_item">
            参数
        </a>
    </div>
    <div class="weui_tab_bd">
        <div id="tab1" class="weui_tab_bd_item weui_tab_bd_item_active">
            <div class="int">
            ${product.introduction}
            </div>
        </div>
        <div id="tab2" class="weui_tab_bd_item parm-list">
        [#list product.productCategory.parameterGroups as parameterGroup]
            <div class="title">${parameterGroup.name}</div>
            <table class="parm" cellspacing="0" cellpadding="0">
                [#list parameterGroup.parameters as parameter]
                    <tr>
                        <td>${parameter.name}</td>
                        <td>${product.parameterValue.get(parameter)}</td>
                    </tr>
                [/#list]
            </table>
        [/#list]
        </div>
    </div>
</div>


</body>


<script src="/resources/asl/yijing/lib/jquery-2.1.4.js"></script>
<script src="/resources/asl/yijing/lib/jquery-weui.min.js"></script>
</html>